<template>
  <view class="goods2-wrap">
  	<view class="goods2-juhuasuan-list">
  		<view class="juhuasuan-list-goods">
  			<view class="image">
  				<image class="img" src="/static/goods_list/face.jpg"></image>
  				<view class="name">
  					<text class="pinname">￥88.0</text>
  					<text class="price"></text>
  				</view>
  			</view>
  		</view>
  	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

<style>
   .goods2-wrap {
  	padding: 30rpx 20rpx;
  }
   .goods2-juhuasuan-list {
  	padding-bottom: 20rpx;
    display: inline-block;
  }
  
   .goods2-juhuasuan-list .juhuasuan-list-goods {
  	float: left;
  }
  
   .goods2-juhuasuan-list .juhuasuan-list-goods .image {
  	display: block;
  	margin: 0 10rpx;
  	border-radius: 10rpx;
  	overflow: hidden;
  	position: relative;
  	z-index: 0;
  }
  
   .goods2-juhuasuan-list .juhuasuan-list-goods .image image {
  	width: 182rpx;
  	height: 182rpx;
  }
  
   .goods2-juhuasuan-list .juhuasuan-list-goods .name {
  	position: absolute;
  	left: 0;
  	bottom: 0;
  	height: 40rpx;
  	line-height: 44rpx;
  	font-size: 24rpx;
  	background: #FC4D52;
  	color: #fff;
  	width: 100%;
  	overflow: hidden;
  }
  
  
   .goods2-juhuasuan-list .juhuasuan-list-goods .name:before {
  	content: "\62FC\56E2";
  	background: #FFE7C9;
  	height: 200rpx;
  	position: absolute;
  	-ms-transform: rotate(15deg);
  	right: 0;
  	color: #FC4D52;
  	padding-left: 5rpx;
  	padding-right: 5rpx;
  }
  
   .goods2-juhuasuan-list .juhuasuan-list-goods .name .pinname {
  	font-size: 26rpx;
  	line-height: 40rpx;
  }
  
</style>
